.content-container {
  padding-top: 16px !important;
  padding-bottom: 24px !important;
  background: #ffffff;
}

.aq-form-card {
  border-radius: 4px;
  border: 1px solid #e6ebf5;
  background-color: #FFFFFF;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
  padding: 4px 20px 8px;
}

.aq-search-text {
  font-size: 0.3rem;
  color: #0F327D;
  padding-left: 16px;
}

.aq-search-button {
  height: 100%;
  padding: 8px 20px;
  border-radius: 4px;
  border: 0.55px solid;
  width: 80px;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}


$customColors: (primary, #ffffff, #0E327D, #0F327D),
(warning, #ffffff, #ffba00, #ffc833);

@each $customColorName,
$customTextColor,
$customNormalColor,
$customHoverColor in $customColors {
  .aq-#{$customColorName}-button {
    color: $customTextColor;
    border-color: $customNormalColor;
    background-color: $customNormalColor;
  }

  .aq-#{$customColorName}-button:hover {
    color: $customTextColor;
    border-color: $customHoverColor;
    background-color: $customHoverColor;
  }
}

$textColors: (primary, #409EFF),
(danger, #ff4949),
(success, #67C23A);

@each $customColorName,
$customColor in $textColors {
  .aq-text-color-#{$customColorName} {
    color: $customColor !important;
  }

  .aq-border-color-#{$customColorName} {
    border-color: $customColor !important;
  }

  .aq-bg-color-#{$customColorName} {
    background: $customColor !important;
    background-color: $customColor !important;
  }
}


// #ffba00

// .el-button:hover, .el-button:focus {
//   color: #1890ff;
//   border-color: #badeff;
//   background-color: #e8f4ff;
// }
